<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>变量的解构赋值</title>
</head>
<body>
  <script>
    //ES6 允许按照一定模式从数组和对象中提取值，对变量进行赋值，
    //这被称为解构赋值。
    //1. 数组的结构
    // const F4 = ['小沈阳','刘能','赵四','宋小宝']
    // let [xiao, liu, zhao, song] = F4
    // console.log(xiao)
    // console.log(liu)
    // console.log(zhao)
    // console.log(song)

    //2. 对象的解构
    const zhao = {
      name: '赵本山',
      age: '不详',
      xiaopin: function () {
        console.log('我可以演小品')
      },
    }

    // let { name, age, xiaopin } = zhao
    // console.log(name)
    // console.log(age)
    // console.log(xiaopin)
    // xiaopin()

    let { xiaopin } = zhao
    xiaopin()
  </script>
</body>
</html>